* {
    cursor: url("./path/mouse.cur"), default;
}
p {
    font-size: 1.5rem;
    font-family: "微软雅黑";
    color: #c1b9b9;
}

.box {
    height: 100vh;
    background-color: #071427;
}

.box .head {
    display: flex;
    height: 8%;
    align-items: center;
}

.box .head h2 {
    flex: 2;
    font-size: 2.4rem;
    padding-left: 3%;
    color: #005d80;
}

.box .head .nav {
    flex: 1;
    font-size: 1.4rem;
    display: flex;

}

.box .head .nav div {
    flex: 1;
}

.box .head .dataTime {
    flex: 1;
    font-size: 1.2rem;
    text-align: center;
}

.boxA {
    width: 100%;
    display: flex;
}

.tab_con .boxA .left {
    flex: 5;
}

.tab_con .boxA .centre {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.tab_con .boxA .right {
    flex: 3;
}

.boxA table tr td ,.boxB table tr td ,.boxC table tr td ,.boxD table tr td {
    width: 4rem;
    height: 2.2rem;
    box-shadow: 0 0 6px rgb(243 246 247 / 81%) inset;
    text-align: center;
    color: #fff;
}


table tr td:hover {
    background-color: #7ef5021c;
}

.boxA .left .l_div1 {
    padding: 1%;
    text-align: center;
}

.boxA .left .l_div2 {
    padding: 1%;
    text-align: center;
}


.boxA .centre .as4,
.boxA .centre .as5 {
    text-align: center;
    height: 50%;
    flex: 1;
}

.boxA .right .r1 {
    display: block;
    margin-left: auto;
    margin-right: 0;
    width: fit-content;
}

.boxA .right .r_div1 {
    padding: 2% 0 2% 10%;
    text-align: center;
}

.boxA .right .r2 {
    display: block;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0;
    width: fit-content;
}

.popup {
    display: none;
    border: 1px solid #000;
    box-shadow: 0 0 6px rgb(243 246 247 / 81%) inset;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f1e2c1;
}

.popup table {
    text-align: center;
    padding: 3%;
}

.popup table {
  border: none;
  color: #000;
}

.nav div {
    text-align: center;
}

.nav .current {
    color: #fff;
}

.boxB,
.boxC,
.boxD {
    display: none;
}

.colour {
    color: #d6271f;
}


.boxB .boxB_up {
    display: flex;
}

.boxB .boxB_up .boxB_up_l {
    flex: 5;
}
.boxB .boxB_up .boxB_up_l p {
    text-align: center;
    margin: 1% 0;
    width: 95%;
}
/* .boxB .boxB_up .boxB_up_l table:nth-child(1) {
    margin-bottom: 1%;
} */
/* .boxB .boxB_up .boxB_up_l table:nth-child(2) {
    margin-top: 1%;
} */

.boxB .boxB_up .boxB_up_c {
    flex: 1;
    text-align: center;
    margin-top: 8%;
    
}
.boxB .boxB_up .boxB_up_c p {
    /* padding: 38% 0; */
}

.boxB .boxB_center p {
    display: inline-block;
    text-align: center;
}

.boxB .boxB_center p:nth-child(1) {
    width: 70%;
}
.boxB .boxB_center p:nth-child(2) {
    width: 29%;
}

.boxB .boxB_up .boxB_up_r {
    display: block;
    margin-left: auto;
    margin-right: 0;
    width: fit-content;
}